<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a href="http://localhost:8080/axiosDemo01Servlet?username=锁哥&password=1234"
        target="_blank">http://localhost:8080/axiosDemo01Servlet?username=锁哥&password=1234</a>
    <!-- 引入axios核心js文件 不能在文本中书写js代码 -->
    <script type="text/javascript" src="../axios/axios-0.18.0.js"></script>
    <script type="text/javascript">
        /*
        *  # axios的api介绍
        *  1. get(参数) 建立和服务器的连接
        *       get参数 : 是请求地址+请求参数  ---url?key=value&key=value...
        * 
        *  2. then(fn) 处理服务器响应
        *       fn(response) : 响应成功的回调函数
        *       response.data : 响应体数据
        *
        *  3. catch(fn)
        *       fn(error) : 响应失败的的回调函数
        *       error : 错误信息
        *
        *  4. finally(fn)
        *       fn : 响应结束的回调函数(无论响应成功与否,都会执行)
        * */

        axios.get("http://localhost:8080/axiosDemo01Servlet?username=锁哥&password=1234")
            .then((response) => {
                console.log(response)
                console.log(response.data)
            })
            .catch((error) => {
                console.log(error.data)
            })
            .finally(() => {
                console.log("我是必须执行的")
            })
    </script>
</body>

</html>